<!DOCTYPE html>

<html data-theme="dark" lang="zh-CN">
<head><meta name="description" content="主题歌单 · 全部歌单 · Ruotong Music｜若通音乐 - 若通音乐（Ruotong Music）。页面：themes。高品质商用音乐与音效，授权便捷，企业合作支持。">
<script nonce="irwe9hEqFHQnMJji6z-W-g">
   /* rt-pre-theme */
(function(){
  try{
    var t = localStorage.getItem('theme');
    if(!t){ t = (window.matchMedia && matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'; }
    document.documentElement.setAttribute('data-theme', t);
  }catch(e){}
})();
  </script>
<meta content="default-src 'self'; script-src 'self' https://www.googletagmanager.com https://unpkg.com 'nonce-irwe9hEqFHQnMJji6z-W-g' 'strict-dynamic' 'report-sample'; style-src 'self' 'unsafe-inline' 'report-sample'; img-src 'self' data: https: blob:; font-src 'self' data: https:; connect-src 'self' https:; frame-src 'self' https:; object-src 'none'; base-uri 'self'; frame-ancestors 'none'; upgrade-insecure-requests" http-equiv="Content-Security-Policy"/>
<meta content="light dark" name="color-scheme"/>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<title>主题歌单 · 全部歌单 · Ruotong Music｜若通音乐</title>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" name="description"/>





<style>
   /* ----- About page (scoped styles) ----- */
    .about-hero{ background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 86%, transparent), transparent);
                 border-bottom: 1px solid var(--line); }
    .about-hero .wrap{ padding: 40px 0; display:grid; grid-template-columns: 1.2fr 1fr; gap: 20px; align-items:end }
    .about-hero h1{ font-size: 44px; line-height: 1.1; letter-spacing: -.02em; margin: 0 }
    .about-hero .btn.watch{ margin-top: 14px }
    .about-hero .hands{ aspect-ratio: 16/9; border-radius: 16px; background: linear-gradient(135deg,#c9c1ff15,#8bff9625);
                         border:1px solid var(--line); display:grid; place-items:center; }
    .about-hero .hands .play{ width: 64px; height: 64px; border-radius: 999px; background: rgba(255,255,255,.08); border:1px solid var(--line);
                              display:grid; place-items:center }
    .about-hero .hands .play svg{ width:26px; height:26px; }
    .about-section{ padding: 36px 0; }
    .twocol{ display:grid; grid-template-columns: 1.1fr 1fr; gap: 26px; }
    .twocol .thumb{ border-radius: 16px; border:1px solid var(--line); background: linear-gradient(135deg,#8bff961a,#6ef3ff1a); min-height: 260px; display:grid; place-items:center }
    .twocol .thumb svg{ width: 64px; height: 64px; opacity: .9 }
    .muted{ color: var(--muted); }
    .kicker{ font-size:12px; color: var(--muted); letter-spacing: .08em; text-transform: uppercase }
    .link-arrow{ display:inline-flex; align-items:center; gap:8px; }
    .mosaic{ display:grid; grid-template-columns: repeat(6, 1fr); gap: 8px }
    .mosaic .b{ border-radius: 10px; height: 72px; background: color-mix(in oklab, var(--surface) 86%, transparent); border:1px solid var(--line) }
    .steps{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding: 10px 0 50px }
    .step{ border-radius: 16px; border:1px solid var(--line); padding: 18px; background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 88%, transparent), transparent) }
    .step h3{ margin: 6px 0 8px }
    @media (max-width: 960px){
      .about-hero .wrap{ grid-template-columns: 1fr }
      .twocol{ grid-template-columns: 1fr }
      .mosaic{ grid-template-columns: repeat(3, 1fr) }
      .steps{ grid-template-columns: 1fr }
    }
  </style>


<style>
   /* a11y helpers */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;padding:10px 14px;background:#000;color:#fff;border-radius:6px;}
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;}
  </style>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/themes.html" rel="canonical"/>
<meta content="website" property="og:type"/>
<meta content="Ruotong Music" property="og:site_name"/>
<meta content="关于我们 · Ruotong Music｜若通音乐" property="og:title"/>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" property="og:description"/>
<meta content="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/themes.html" property="og:url"/>
<meta content="https://www.ruotongmusic.com/assets/og/cover.webp" property="og:image"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="关于我们 · Ruotong Music" name="twitter:title"/>
<meta content="认识 Ruotong Music：我们的使命、音乐理念与合作方式。" name="twitter:description"/>
<meta content="https://www.ruotongmusic.com/static/og-cover.png" name="twitter:image"/>
<script nonce="irwe9hEqFHQnMJji6z-W-g" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "Organization", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "logo": "https://www.ruotongmusic.com/assets/og/cover.webp"}
  </script>
<link href="/site.webmanifest" rel="manifest"/>
<meta content="#0b1220" name="theme-color"/>
<meta content="strict-origin-when-cross-origin" name="referrer"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/themes.html" hreflang="zh-CN" rel="alternate"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/themes.html?lang=en" hreflang="en-US" rel="alternate"/>
<script nonce="irwe9hEqFHQnMJji6z-W-g" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "WebSite", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "potentialAction": {"@type": "SearchAction", "target": "https://www.ruotongmusic.com/search.html?q={query}", "query-input": "required name=query"}}
  </script>
<script async="True" crossorigin="anonymous" nonce="irwe9hEqFHQnMJji6z-W-g" src="https://www.googletagmanager.com/gtag/js?id=G-XXXX123456">
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g">
   window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-XXXX123456');
  </script>

<meta content="dark light" name="color-scheme"/>
<script defer="True" nonce="irwe9hEqFHQnMJji6z-W-g" src="../assets/js/theme-init.js">
</script>




<link href="//unpkg.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://unpkg.com" rel="preconnect"/>
<link href="//www.googletagmanager.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.googletagmanager.com" rel="preconnect"/>
<link href="//www.ruotongmusic.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.ruotongmusic.com" rel="preconnect"/>
<meta content="#000000" media="(prefers-color-scheme: dark)" name="theme-color"/>
<meta content="#ffffff" media="(prefers-color-scheme: light)" name="theme-color"/>



<link href="/assets/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
<meta content="zh_CN" property="og:locale"/>


<!-- Favicon -->
<link href="/assets/favicon.svg" rel="icon" type="image/svg+xml"/>
<link href="/assets/favicon.ico" rel="icon" sizes="any"/>
<link href="/assets/favicon.png" rel="apple-touch-icon" sizes="180x180"/>

<link href="/assets/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="/assets/favicon-16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="https://unpkg.com" rel="preconnect"/>
<link href="https://www.googletagmanager.com" rel="preconnect"/>
<link href="/zh/themes" hreflang="zh" rel="alternate"/><link href="/en/themes" hreflang="en" rel="alternate"/><link href="/ja/themes" hreflang="ja" rel="alternate"/>







<link rel="stylesheet" href="../assets/css/themes.min.css">
</head>

<body>
<style>
.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-to-content:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;background:#fff;padding:8px 12px;border:1px solid #000;}
:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
</style>
<a class="skip-to-content" href="#main">跳转到主内容</a>


<body>
<a class="skip-link" href="#main-content">
   跳到主要内容
  </a>
<a class="skip-link" href="#main">
   跳到主要内容
  </a>
<header class="header" role="banner">
<div class="container row">
<a aria-label="Ruotong Music 首页" class="logo" href="index-v2.html">
<img alt="Ruotong Music" decoding="async" height="26" loading="lazy" src="assets/logo.svg" width="26"/>
<strong>
      Ruotong Music
     </strong>
</a>
<nav aria-label="主导航">
<a href="index-v2.html">
      音乐
     </a>
<a href="collections.html">
      合集
     </a>
<a href="pricing.html">
      价格
     </a>
<a href="support.html">
      支持
     </a>
</nav>
<div class="grow">
</div>
<div class="actions">
<button aria-label="切换明暗主题" aria-pressed="false" class="theme rt-theme-toggle icon-btn" id="rt-theme-toggle" type="button">
<svg aria-hidden="true" class="sun" height="16" viewbox="0 0 24 24" width="16">
<path d="M6.76 4.84L5.34 3.42 3.92 4.84l1.42 1.42 1.42-1.42zm10.48 0l1.42-1.42L20.08 4.84l-1.42 1.42-1.42-1.42zM12 4V2h0v2zm0 16v2h0v-2zM4 12H2v0h2zm18 0h-2v0h2zM6.76 19.16l-1.42 1.42-1.42-1.42 1.42-1.42 1.42 1.42zm10.48 0l1.42 1.42 1.42-1.42-1.42-1.42-1.42 1.42zM12 7a5 5 0 100 10 5 5 0 000-10z" fill="currentColor">
</path>
</svg>
<svg aria-hidden="true" class="moon" height="16" style="display:none" viewbox="0 0 24 24" width="16">
<path d="M21 12.79A9 9 0 1 1 11.21 3a7 7 0 1 0 9.79 9.79z" fill="currentColor">
</path>
</svg>
<span class="rt-visually-hidden">
       切换主题
      </span>
</button>
</div>
</div>
</header>
<main id="main-content">
<section class="section container">
<h1 style="margin:0 0 8px">主题歌单 <span class="muted" style="font-size:16px">Themes</span></h1>
<p class="muted" style="margin:6px 0 0">围绕创作场景和热门话题，为你组织好的高质量歌单合集。</p>
</section>
<section class="section container">
<h2 style="margin:0 0 16px">In the spotlight</h2>
<div class="playlists"><a class="playlist-card card" href="playlist.html?id=celebration" style="--pc:#FF4FD2">
<div class="playlist-cover"><span class="emoji">🎉</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Celebration Highlights</div>
<div class="playlist-meta">28 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=autumn" style="--pc:#FF8C3A">
<div class="playlist-cover"><span class="emoji">🍁</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Autumn Leaves</div>
<div class="playlist-meta">33 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=spa" style="--pc:#4BB5C9">
<div class="playlist-cover"><span class="emoji">🧘</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Spa &amp; Meditation</div>
<div class="playlist-meta">20 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=mental-health" style="--pc:#FFE24D">
<div class="playlist-cover"><span class="emoji">😊</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Mental Health</div>
<div class="playlist-meta">25 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=festival" style="--pc:#CF4C16">
<div class="playlist-cover"><span class="emoji">🪔</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Festival &amp; Ritual</div>
<div class="playlist-meta">32 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=nature" style="--pc:#577D42">
<div class="playlist-cover"><span class="emoji">🏔️</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Hoa Hoa Hoa</div>
<div class="playlist-meta">15 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a></div>
</section>
<section class="section container">
<h2 style="margin:0 0 16px">Storyteller favorites</h2>
<div class="playlists"><a class="playlist-card card" href="playlist.html?id=trending" style="--pc:#3155FF">
<div class="playlist-cover"><span class="emoji">📈</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">New Trending</div>
<div class="playlist-meta">2 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=essentials" style="--pc:#EE754A">
<div class="playlist-cover"><span class="emoji">⭐</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Epidemic Essentials</div>
<div class="playlist-meta">4 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=staff-picks" style="--pc:#E51A68">
<div class="playlist-cover"><span class="emoji">👑</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Staff Picks</div>
<div class="playlist-meta">8 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=creators" style="--pc:#50B966">
<div class="playlist-cover"><span class="emoji">🧩</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Creator’s Picks</div>
<div class="playlist-meta">12 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=tiktok" style="--pc:#3BE4C4">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Trending on TikTok</div>
<div class="playlist-meta">13 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=iconic" style="--pc:#FF4F5E">
<div class="playlist-cover"><span class="emoji">🌟</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Iconic Mentors</div>
<div class="playlist-meta">2 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=sound-design" style="--pc:#A761FF">
<div class="playlist-cover"><span class="emoji">🎛️</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Sound Design &amp; FX</div>
<div class="playlist-meta">5 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=vlog-best" style="--pc:#FFCF31">
<div class="playlist-cover"><span class="emoji">📹</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Vlog Best</div>
<div class="playlist-meta">3 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a></div>
</section>
<section class="section container">
<h2 style="margin:0 0 16px">Popular online</h2>
<div class="playlists"><a class="playlist-card card" href="playlist.html?id=halloween" style="--pc:#2E2E2E">
<div class="playlist-cover"><span class="emoji">🎃</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Halloween Town</div>
<div class="playlist-meta">2 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=lunar-new-year" style="--pc:#C92E34">
<div class="playlist-cover"><span class="emoji">🧧</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Lunar New Year</div>
<div class="playlist-meta">8 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=lifestyle" style="--pc:#FF7AA5">
<div class="playlist-cover"><span class="emoji">🏷️</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Lifestyle Vlog</div>
<div class="playlist-meta">7 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=home-cooking" style="--pc:#F8A03C">
<div class="playlist-cover"><span class="emoji">🍳</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Home Cooking</div>
<div class="playlist-meta">10 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=goofy" style="--pc:#F7C600">
<div class="playlist-cover"><span class="emoji">😜</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Goofy Moments</div>
<div class="playlist-meta">9 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=beach" style="--pc:#FF6A43">
<div class="playlist-cover"><span class="emoji">🏖️</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Beach Destinations</div>
<div class="playlist-meta">6 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=love-anniv" style="--pc:#FFAFCC">
<div class="playlist-cover"><span class="emoji">💘</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Love Anniversary</div>
<div class="playlist-meta">2 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=bbq" style="--pc:#FF9A31">
<div class="playlist-cover"><span class="emoji">🍖</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Happy BBQ</div>
<div class="playlist-meta">4 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=runway" style="--pc:#83B1B5">
<div class="playlist-cover"><span class="emoji">👗</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Runway Show</div>
<div class="playlist-meta">41 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=healthcare" style="--pc:#58B1D8">
<div class="playlist-cover"><span class="emoji">🧬</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Healthcare</div>
<div class="playlist-meta">20 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=science" style="--pc:#8ED0FF">
<div class="playlist-cover"><span class="emoji">🧪</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Science Experiments</div>
<div class="playlist-meta">23 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=hair" style="--pc:#80B5FF">
<div class="playlist-cover"><span class="emoji">💇</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Hair Tutorial</div>
<div class="playlist-meta">30 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a></div>
</section>
<section class="section container">
<h2 style="margin:0 0 16px">All Themes</h2>
<div class="playlists">
<a class="playlist-card card" href="playlist.html?id=ads-promos" style="--pc:#FF7E62">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Ads, Promos &amp; Trailers</div>
<div class="playlist-meta">12 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=arts-crafts" style="--pc:#F49BFF">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Arts &amp; Crafts</div>
<div class="playlist-meta">9 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=broadcast" style="--pc:#FFC466">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Broadcasting</div>
<div class="playlist-meta">5 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=community" style="--pc:#FF6B8A">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Celebrating Community</div>
<div class="playlist-meta">9 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=cinematic" style="--pc:#3FA7F5">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Cinematic</div>
<div class="playlist-meta">13 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=classical" style="--pc:#9AD2FF">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Classical Collection</div>
<div class="playlist-meta">4 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=club" style="--pc:#94FF86">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Club Scene</div>
<div class="playlist-meta">6 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=cooking" style="--pc:#FFB86B">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Cooking</div>
<div class="playlist-meta">7 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=comedy" style="--pc:#FFD166">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Comedy</div>
<div class="playlist-meta">6 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=corporate" style="--pc:#5BD2C5">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Corporate</div>
<div class="playlist-meta">7 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=culture" style="--pc:#71E8B7">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Cultural Festivities</div>
<div class="playlist-meta">8 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=documentary" style="--pc:#B0C0FF">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Documentary</div>
<div class="playlist-meta">9 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=drama" style="--pc:#E3719F">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Drama</div>
<div class="playlist-meta">6 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=fashion" style="--pc:#FF5DB1">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Fashion &amp; Beauty</div>
<div class="playlist-meta">9 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=gaming" style="--pc:#7FA6FF">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Gaming</div>
<div class="playlist-meta">8 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=holiday" style="--pc:#FF6379">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Holiday Season</div>
<div class="playlist-meta">9 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=horror" style="--pc:#C15065">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Horror &amp; Thriller</div>
<div class="playlist-meta">7 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=motivational" style="--pc:#98EFA9">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Motivational &amp; Inspiring</div>
<div class="playlist-meta">12 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=nature" style="--pc:#45D17A">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Nature</div>
<div class="playlist-meta">9 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=photo" style="--pc:#54C0FF">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Photography</div>
<div class="playlist-meta">6 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=podcast" style="--pc:#9D8BFF">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Podcast</div>
<div class="playlist-meta">5 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=bpm" style="--pc:#FF8A75">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Songs by BPM</div>
<div class="playlist-meta">29 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=sports" style="--pc:#FEC55F">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Sports &amp; Action</div>
<div class="playlist-meta">12 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=storytell" style="--pc:#96E1F9">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Storytelling techniques</div>
<div class="playlist-meta">11 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=tech" style="--pc:#9DDFF2">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Technology</div>
<div class="playlist-meta">6 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=travel" style="--pc:#58D6CD">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Travel</div>
<div class="playlist-meta">19 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=tutorials" style="--pc:#8CE8FF">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Tutorials</div>
<div class="playlist-meta">5 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=vibes" style="--pc:#FFD792">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Vibes</div>
<div class="playlist-meta">29 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=viral" style="--pc:#5FD3FA">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Viral Trends &amp; Aesthetics</div>
<div class="playlist-meta">22 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=vlogs" style="--pc:#9FD7FF">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Vlogs</div>
<div class="playlist-meta">5 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=wedding" style="--pc:#FFC3E5">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Weddings &amp; Romance</div>
<div class="playlist-meta">9 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
<a class="playlist-card card" href="playlist.html?id=workout" style="--pc:#86E79B">
<div class="playlist-cover"><span class="emoji">🎵</span></div>
<div class="playlist-info"><div>
<div class="playlist-title">Workout &amp; Wellness</div>
<div class="playlist-meta">16 歌单</div>
</div><div class="playlist-action">查看</div></div>
</a>
</div>
</section>
</main>
<footer class="footer">
<div class="container cols">
<div>
<strong>
      Ruotong Music
     </strong>
<p class="muted">
      5000 首严选 · 为创作者与品牌而生。
     </p>
</div>
<div>
<div class="muted">
      联系
     </div>
<a href="mailto:support@ruotongmusic.com">
      support@ruotongmusic.com
     </a>
</div>
<div>
<div class="muted">
      公司
     </div>
<a href="about.html">
      关于我们
     </a>
<br/>
<a href="pricing.html">
      开通会员
     </a>
</div>
<div>
<div class="muted">
      协议
     </div>
<a href="policy/v2/license-agreement/index.html">
      授权协议
     </a>
<br/>
<a href="policy/v2/privacy/index.html">
      隐私条款
     </a>
</div>
</div>
</footer>

<!-- Ruotong Account Buttons (auto-wired) -->
<script>window.RUOTONG_API_BASE = window.RUOTONG_API_BASE || '/api';</script>
<link rel="stylesheet" href="/rt-assets/css/toast.css">
<link rel="stylesheet" href="/rt-assets/css/modal.css">
<script src="/rt-assets/js/toast.js" defer></script>
<script src="/rt-assets/js/modal.js" defer></script>
<script src="/rt-assets/js/account-actions.js" defer></script>


<script>
document.addEventListener('DOMContentLoaded', function(){
  try{ document.body.classList.add('rt-darkfix'); }catch(e){}
});
</script>

</body>

<!-- Ruotong Account Buttons (auto-wired) -->
<script>window.RUOTONG_API_BASE = window.RUOTONG_API_BASE || '/api';</script>
<link rel="stylesheet" href="/rt-assets/css/toast.css">
<link rel="stylesheet" href="/rt-assets/css/modal.css">
<script src="/rt-assets/js/toast.js" defer></script>
<script src="/rt-assets/js/modal.js" defer></script>
<script src="/rt-assets/js/account-actions.js" defer></script>


<script>
document.addEventListener('DOMContentLoaded', function(){
  try{ document.body.classList.add('rt-darkfix'); }catch(e){}
});
</script>

</body></html>
